Windows Presentation Foundation

Animace po křivce

Dovoluje animovat hodnotu vlastnosti po křivce. Například střed elipsy – Center. Tedy vlastnost s hodnotou typu Point (bod). Element animace po křivce má atribut PathGeometry. Kde se pomocí elementu PathGeometry a elementu PathFigure nastavuje cesta pro objekt. Syntaxe elementu animace po křivce je následující: <typ_vlastnosti>AnimationUsingPath. Na Obrázku 5 je ukázka z aplikace pro animaci po křivce.

Ukázka z aplikace PointAnimationUsingPath
Obrázek 5 Ukázka z aplikace PointAnimationUsingPath [zdroj: vlastní]
Animace po křivce
<PointAnimationUsingPath Storyboard.TargetName="elipsa"
                         Storyboard.TargetProperty="Center"
                         Duration="0:0:6">
         <PointAnimationUsingPath.PathGeometry>

            <PathGeometry>
                <PathFigure StartPoint="50,50">
                   <QuadraticBezierSegment Point1="100,300" Point2="300,150" />
                   <QuadraticBezierSegment Point1="50,65" Point2="300,70" />
                </PathFigure>
            </PathGeometry>

         </PointAnimationUsingPath.PathGeometry>
</PointAnimationUsingPath>
                
PointAnimationUsingPath – dovoluje animovat bod, pohybující se po křivce
PathGeometry – nastaví křivku po, které se bude pohybovat objekt
Center – střed elipsy
Křivku je zapotřebí nakreslit samostatně.
Ukázkové řešení: Animace/PointAnimationUsingPath